<!DOCTYPE html>
<html>
<head>
    <title>my new world</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="../resource/css/task007.css" />
    <link rel="stylesheet" type="text/css" href="clear-all.css">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
    $(function() {
        $(document).click(function() {
            return $("#select").click();

        });
    });
    </script>
</head>

<body>
    <header>
        <div class="nav ">
            <p>
                <a href="#">新世界</a>
            </p>
            <ul class="nav-right ">
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">最新活动</a>
                </li>
                <li>
                    <a href="#">项目介绍</a>
                </li>
                <li>
                    <a href="#">爱心社区</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li class="ico">
                    <a href="#">登陆</a>
                </li>
            </ul>
        </div>
    </header>
    <article>
        <section class="section1">
            <div class="word-left">
                <h1>Time of new life</h1>
                <p>新时代，年轻的人们让我们一起
                    <br/>体验新生活，享受新生活</p>
                <a href="#">开始体验</a>
            </div>
        </section>
        <section class="section2">
            <ul>
                <li>
                    <img src="../resource/picture/section1-ico4.gif">
                    <p>打造全新世界，让你更</p>
                    <p>爱你的生活</p>
                </li>
                <li>
                    <img src="../resource/picture/section1-ico1.gif">
                    <p>丰富多彩的公益活动，发</p>
                    <p>挥新世界的主人公意识</p>
                </li>
                <li>
                    <img src="../resource/picture/setion1-ico2.gif">
                    <p>时尚的新理念，超前体验</p>
                    <p>未知的生活</p>
                </li>
                <li class="last-bg">
                    <img src="../resource/picture/setion1-ico3.gif">
                    <p>完善的培养制度，培养你全</p>
                    <p>新的世界观</p>
                </li>
            </ul>
        </section>
        <section class="section3">
            <div class="center">
                <img src="../resource/picture/setion2-ico1.gif">
                <h2>关于新世界，你不知道的还有什么？</h2>
            </div>
        </section>
        <section class="section4">
            <div class="top-center">
                <h4>查找新世界城市活动信息</h4>
                <p>
                    <span class="ico-line"></span>
                    <span>每个城市都有不同的活动信息，请你自主查找你所需要了解的城市</span>
                </p>
            </div>
            <form>
                <div class="form-group">
                    <span><select>
                    	<option value="china">中国</option>
                    	<option value="america">美国</option>
                    	<option value="japan">日本</option>
                    	<option value="japan">japan</option>
                    	<option value="japan">japan</option>
                    </select>
                    </span>
                    <span>
                    <select id="select" autofocus>
                    	<option value="省份">省份</option>
                    	<option value="湖北">湖北</option>
                    	<option value="浙江">浙江</option>
                    	<option value="广西">广西</option>
                    	<option value="广东">广东</option>
                    </select>
                    </span>
                    <span>
                    <select>
                    	<option value="城市">城市</option>
                    	<option value="南京">南京</option>
                    	<option value="武汉">武汉</option>
                    	<option value="上海">上海</option>
                    	<option value="广州">广州</option>
                    </select>
                    </span>
                    <span>
                    <input type="submit" value="搜索">
                    </span>
                </div>
            </form>
        </section>
        <section class="section5">
            <ul>
                <li>
                    <img src="../resource/picture/section4-pic1.jpg">
                    <h5>北京活动</h5>
                    <h6>新社区大联盟</h6>
                </li>
                <li>
                    <h4>上海活动</h4>
                    <h6>夜上海新景观探索</h6>
                    <img src="../resource/picture/section4-pic2.jpg">
                </li>
                <li>
                    <img src="../resource/picture/section4-pic3.jpg">
                    <h5>深圳活动</h5>
                    <h6>全新海岸线观点站</h6>
                </li>
                <li>
                    <img src="../resource/picture/section4-pic4.jpg">
                    <h5>香港活动</h5>
                    <h6>奢侈消费大派送</h6>
                </li>
            </ul>
        </section>
        <section class="section6">
            <ul>
                <li>
                    <div class="new-word">
                        <h3>
                    		新世界
                    	</h3>
                        <h1>
                    		time
                    	</h1>
                        <p>
                            @新世界-北京
                        </p>
                        <p>
                            2016.4.01
                        </p>
                    </div>
                </li>
                <li>
                    <div class="con">
                        <h2>新世界/<span style="color: #EA4F4D">01</span></h2>
                        <p>新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界</p>
                        <p>
                            <span class="circle"></span>
                            <span class="circle"></span>
                            <span class="circle"></span>
                        </p>
                    </div>
                </li>
            </ul>
        </section>
        <section class="section7">
            <ul>
                <li>
                    <div class="con">
                        <h4>新时代</h4>
                        <h4> 关于爱生活的我们</h4>
                        <span></span>
                        <a href="#">查看更多</a>
                    </div>
                </li>
                <li>
                    <div class="con">
                        <h4>新时代</h4>
                        <h4> 关于爱生活的我们</h4>
                        <span></span>
                        <a href="#">查看更多</a>
                    </div>
                </li>
                <li>
                </li>
            </ul>
        </section>
        <section class="section8">
            <div class="header">
                <h2>成为我们的自愿者</h2>
                <span class="ico"></span>
                <p>新世纪的家庭需要每一个热爱生活的人的加入，如果你够年轻，有梦想，有激情</p>
                <p>那就不要犹豫，快来加入我们吧，成为改变所有人生活的人</p>
            </div>
            <div class="body">
                <div class="content-left">
                    <ul>
                        <li>
                            <h4>新世界自愿者协议</h4>
                            <p>
                                加入新世界自愿者的人员必须遵守中华人民共和国相关法律法规，并且本着平等资源的原则........
                            </p>
                            <a href="#"><span></span>more</a>
                        </li>
                        <li>
                            <h4>新世界自愿者权利</h4>
                            <p>
                                新世界自愿者享受新世界内部所有资源共享的权利，并享有所在新世界活动的优先参与资格.......
                            </p>
                            <a href="#"><span></span>more</a>
                        </li>
                        <li>
                            <h4>更多条款</h4>
                            <a href="#"><span></span>more</a>
                        </li>
                    </ul>
                </div>
                <div class="form">
                    <form action="" get="">
                        <p class="name">
                            <span>
                			姓名：
                				<input type="tetx" placeholder="李杰">
                			</span>
                            <span>
                			年龄：
                				<input type="tetx" placeholder="41">
                			</span>
                        </p>
                        <p class="address">
                            <span>
                			联系方式：
                				<input type="tetx" placeholder="15623174325">
                			</span>
                            <span>
                			联系地址：
                				<input type="tetx" placeholder="武汉大学">
                			</span>
                        </p>
                        <p class="text-area">
                            <textarea placeholder="请简单描述您的梦想" rows="10" cols="97">请简单描述您的梦想
                            </textarea>
                        </p>
                        <p class="sub">
                            <input type="submit" value="提交申请">
                        </p>
                    </form>
                </div>
            </div>
        </section>
    </article>
    <footer>
        <section class="section9">
            <div class="contact-top">
                <h4>联系我们</h4>
                <p>为了更快的获得我们的最新产品资讯，您可以留下您的电子邮箱快速订阅我们的产品资讯</p>
                <p>
                    也可以通过以下任何方式关注我们的动态
                </p>
            </div>
            <div class="form">
                <form>
                    <span>
        					<input type="email" value="991496719@qq.com">
        				</span>
                    <span>
        					<input type="submit" value="提交">
        				</span>
                </form>
            </div>
            <div class="contact-bottom">
                <ul>
                    <li>
                        <a href="#"><img src="../resource/picture/footer-ico1.gif">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../resource/picture/footer-ico2.gif">
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="../resource/picture/footer-ico3.gif">
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="../resource/picture/footer-ico4.gif">
                        </a>
                    </li>
                </ul>
            </div>
        </section>
        <section class="section10">
            <span>@2016新世界</span>
            <a href="#">Back to top</a>
        </section>
    </footer>
</body>
</html>